<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/radio-mv.css">
    <link rel="stylesheet" href="css/style-class.css">
    <link rel="stylesheet" href="css/footer.css">
    <title>Document</title>
</head>

<body>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <div class="container m-nav">
        <div class="container">
            <nav class="navbar navbar-default">
                <div class=" container-fluid">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#">
                            <span>音乐</span>
                        </a>

                    </div>

                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="./index.html">首页</a></li>
                            <li><a href="./mymusic.html">我的音乐</a></li>
                            <li><a href="./vip.html">VIP</a></li>
                            <li><a href="#">登录</a></li>
                            <li><a href="#">注册</a></li>


                        </ul>
                    </div><!-- /.navbar-collapse -->

                </div><!-- /.container-fluid -->
            </nav>
        </div>
        <div class="container">
            <div class="navbar m-top-subnav">
                <div class=" container-fluid">
                    <div class="collapse navbar-collapse text-center" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li><a href="./singer.html">歌手</a></li>
                            <li><a href="./disc.html">新碟</a></li>
                            <li><a href="./rank1.html">排行榜</a></li>
                            <li><a href="./classify.html">分类歌单</a></li>
                            <li><a href="./radio.html">电台</a></li>
                            <li><a href="./mv.html" class="active">MV</a></li>
                        </ul>
                    </div><!-- /.navbar-collapse -->

                </div>
            </div>
        </div>
    </div>

    <section class="m_banner">
        <div class="m_banner_seaction  container ">
            <div class="m_banner_img">
                <img src="images/109951165192826538.jpg" alt="">
            </div>
        </div>
    </section>
    <!-- m_banner结束 -->
    <section class="m_title">
        <div class="container">
            <div class="m_container m_container_title ">
                <div class="m-container_text row">
                    <div class="m_title_text col-lg-4 col-md-4 col-sm-12 col-xs-12">
                        <h1>MV</h1>
                        <h3>让世界更多彩</h3>
                    </div>
                    <div class="m_container_meun col-lg-8 col-md-8 col-sm-12 col-xs-12">
                        <ul class="row">
                            <li class="m_md col-log-2 col-md-2 col-sm-2 col-xs-2">区域</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">内地</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">港台</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">欧美</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">韩国</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">日本</li>
                            <li class="m_md col-log-2 col-md-2 col-sm-2 col-xs-2">版本</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">mv</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">现场</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">翻唱</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">舞蹈</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">影视</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- m_title结束 -->
    <section class="m_main">
        <div class="container">

            <div class="m_container_rem row">
                <div class="title m_container">
                    <span class="span1">全部MV</span>
                    <span class="span2">更多<i class="iconfont">&#xe60f;
                        </i></span>
                </div>
                <div class="m_container">
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M0000045xpzC1wVLq4.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>21.3万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>Ask(feat. RUZZY TATTOO COLOUR)</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000000dInab0weNZl.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>56.7万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>Between The Lines (音频版)</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000000f196W2kDDm5.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>68.9万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>Diyo</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000001ikWSZ1RjQ4s.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>68.9万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>나의 여름</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M0000025anY238b6gg.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>68.9万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>TREASURE - PR VIDEO <JUNKYU>
                                </h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000000wX9Qf2Xw4kL.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>68.9万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>好戏开场</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000000O9EQL3SZzzB.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>68.9万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>퍼즐 (《虽然是精神病但没关系》韩剧插曲)</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000000J3bVt3fejY7.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>49.9万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>The Story Of Back In Black Episode 5 - Rock And Roll Ain't Noise Polution</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000001DYy583GwKDZ.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>21.3万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>Tough Pill</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000001LWNd64KY2qc.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>56.7万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>A Ilha (音频版)</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000001OpdGq0KX4Lo.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>68.9万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>Touché (Acoustic)</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000001YiOK42r9CAv.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>49.9万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>Das sind die Nächte</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M0000026ovHI3QxMsh.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>21.3万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>Orbit (歌词版)</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000002lpkvW2wEnXD.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>56.7万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>La Tóxica (花絮版)</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000003epFrw2Uy4CH.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>68.9万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>JACKBOYS</h4>
                            </div>

                        </div>
                    </div>
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_shadow">
                                <img src="images/mv/T015R640x360M000003ZFBxx2d1YEG.jpg" alt="">
                                <div class="m_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                <div class="m_playnum">
                                    <span><i class="iconfont">&#xe6e3;</i>49.9万</span>
                                </div>
                            </div>
                            <div class="m_title_h4">
                                <h4>Thinking About You</h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 text-center">
                          <ul class="m_bottom_li">
                              <li>&lt;</li>
                              <li class="m_active">1</li>
                              <li>2</li>
                              <li>3</li>
                              <li>...</li>
                              <li>6</li>
                              <li>&gt;</li>
                          </ul>
                    </div>

    </section>

    <footer>
        <div class="container m_content">
            <div class="row">
                <div class="row">
                    <div class="col-md-4 col-sm-12">
                             <span class="">下载我的音乐客户端</span>                           
                             
                                     
                                <div class="m_cont">
                                   <div><a href="#">&#xe8c4;</a><span>pc版</span></div>
                                   <div><a href="#">&#xe64d;</a><span>安卓版</span></div>
                                   <div><a href="#">&#xe63d;</a><span>苹果版</span></div>
                                   
                            </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <span>协议与声明</span>
                           <div class="m_agreement">
                                <span><a href="#">用户与服务协议</a></span>
                                <span><a href="#">免责声明</a></span>
                                <span><a href="#">隐私政策</a></span>
                                <span><a href="#">权利声明</a></span>  
                           </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <span>其他</span>
                        <div class="m_more">
                             <span><a href="#">联系我们</a></span>
                             <span><a href="#">腾讯音乐</a></span>
                             <span><a href="#">诚聘英才</a></span>
                             <span><a href="#">广告服务</a></span>
                             <span><a href="#">网上有害信息举报专所</a></span>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12">
                      <div>
                          <span>
                            四川知了有限公司版权所有1网络文化经营许可证:京网文[2015]0525-205号1 信 息网络传播视听节目许可证0109362号1增值电信业务经营许可证B2 -20090418 I京ICP证
                            <br>060261号                            
                          </span>
                          <span>广播电视节目制作经营许可证京字第2037号|营 业性演出许可证京市演15741京公网安备 11010502030216号1京CP备09014827号
                        </span>
                          <span>举报电话: 010-879399491举报邮箱 : support@kuwo.cn
                        </span>
                          
                      </div>
                </div>

            </div>
        </div>
    </footer>
</body>


</html>